{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<form action="">
	u:
	<input type="text" name="username" />
	<br/> p:
	<input type="password" name="pwd" />
	<br/>
	<input type="submit" value="提交" />
</form>
<h1>兴趣爱好</h1>
<form action="">
	爱好1：
	<input type="text" name="hobby1" />
	<br/> 爱好2:
	<input type="text" name="hobby2" />
	<br/>
	<input type="submit" value="提交" />
</form>
<input type="button" value="testing" onclick="test()" />
<h6>代码</h6>
<pre>
		页面 

		&lt;form action=""&gt;
			u:
			&lt;input type="text" name="username" /&gt;
			&lt;br/&gt; p:
			&lt;input type="password" name="pwd" /&gt;
			&lt;br/&gt;
			&lt;input type="submit" value="提交" /&gt;
		&lt;/form&gt;
		&lt;h1&gt;兴趣爱好&lt;/h1&gt;
		&lt;form action=""&gt;
			爱好1：
			&lt;input type="text" name="hobby1" /&gt;
			&lt;br/&gt; 爱好2:
			&lt;input type="text" name="hobby2" /&gt;
			&lt;br/&gt;
			&lt;input type="submit" value="提交" /&gt;
		&lt;/form&gt;
		&lt;input type="button" value="testing" onclick="test()" /&gt;
		
		js
		
		&lt;script language="javascript"&gt;
			function test() {
				//取得所有的表单
				var allforms = document.forms;
				window.alert(allforms.length); // 2
				//访问第一个表单
				window.alert(allforms[0].username.value);//在u:中输入：韩顺平，则此处输出韩顺平
				window.alert(allforms[1].hobby2.value);//在爱好2:中输入：跳舞，则此处输出跳舞
				window.alert(allforms.item(1).hobby2.value);//在爱好2:中输入：跳舞，则此处输出跳舞
			}
		&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	function test() {
		//取得所有的表单
		var allforms = document.forms;
		window.alert(allforms.length); // 2
		//访问第一个表单
		window.alert(allforms[0].username.value);//在u:中输入：韩顺平，则此处输出韩顺平
		window.alert(allforms[1].hobby2.value);//在爱好2:中输入：跳舞，则此处输出跳舞
		window.alert(allforms.item(1).hobby2.value);//在爱好2:中输入：跳舞，则此处输出跳舞
	}
</script> {/block}